import React from 'react'
import './index.less'
import { NavLink } from 'react-router-dom'

export default props => {
  const { menuData } = props
  return (
    <div className="side-menu">
      {
        menuData.map(menu => (
          <NavLink key={menu.path} className="menu-item" to={menu.path}>{menu.name}</NavLink>
        ))
      }
    </div>
  )
}